// pages/personal/personal.js
import req from '../../utils/req';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 控制元素上下移动
    moveDistance: 0,
    // 控制元素回弹的过渡效果
    moveTransition: "",
    // 收集用户的个人数据
    userInfo: {},
    // 播放记录
    playList: []
  },
  // 用于跳转登录页面
  handlelogin() {
    wx.navigateTo({
      url: "/pages/login/login"
    })
  },
  // 监视手指按下的事件
  handleTouchStart(event) {
    // touches保存手机上左右跟手指相关的系信息
    // changedTouches用来存储手机上正在变化的所有的手指信息
    this.startY = event.touches[0].clientY;
    this.setData({
      moveTransition: ""
    })
  },
  // 监视手指滑动事件，实现元素拖拽效果
  handleTouchMove(event) {
    // console.log('handleTouchMove', event)
    // clientY当前窗口
    const moveY = event.touches[0].clientY;
    const moveDistance = moveY - this.startY;
    // console.log('moveDistance', moveDistance)
    if (moveDistance < 0 || moveDistance > 120) return;
    this.setData({
      moveDistance
    })
  },
  // 监视手指抬起事件
  handleTouchEnd(event) {
    this.setData({
      moveDistance: 0,
      moveTransition: "transform 400ms"
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: async function() {
    // 存储                 同步执行本地缓存指定的key值
    const userInfoStr = wx.getStorageSync("userInfo");
    if (userInfoStr) {
      // 存储的内容
      const userInfo = JSON.parse(userInfoStr);
      // console.log('userInfo', userInfo)
      // 设置数据
      this.setData({
        userInfo
      })
      // 调用接口
      const result = await req('/user/record', {
        uid: userInfo.userId,
        type: 0
      });

      this.setData({
        // allData拿取总数据
        playList: result.allData.map((item) => {
          return item.song.al;
        })
      })
      // console.log('result', result)
    }

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})